<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Listas Mistas E de Definição</title>
</head>
<body>
    <h2>Listas Mistas/Aninhadas</h2>
    <ol type="1"> 
<!--
    types para ol => (a,A,1,I,i),  
    start="1 - ....n" (so pode numros no start)       
-->
       <li>Carros Tipos</li>
         <ul type="disc">
           <li>ford</li>
           <li>gol</li>
         </ul>
       <li>Marcas</li>
         <ul type="disc"> 
            <!--types disc,square, circle-->
            <li>hendai</li>
            <li>cobra</li>
         </ul>
    </ol>

    <hr>

    <h2>Lista De Definição</h2>
    <!---->
    <dl>
        <dt>Termo 1</dt>
        <dd>Descrição do Primeiro Termo.</dd>
    </dl>

    <dl>
        <dt>Termo 2</dt>
        <dd>Descrição do Segundo Termo.</dd>
    </dl>
</body>
</html>